/* Empty. Add your own CSS if you like */

 @charset "utf-8"; 
/* DIVCSS5-CSS初始化模板-www.divcss5.com */ 
body, div, address, blockquote, iframe, ul, ol, dl, dt, 
dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, 
legend, fieldset, input, button, select, textarea {margin:0; 
padding:0;font-style: normal;font:12px/22px Arial, Helvetica, sans-serif;} 
ol, ul ,li{list-style: none;} 
img {border: 0; vertical-align:middle;} 
body{color:#000000;background:#FFF;} 
.clear{clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;} 
a{color:#000000;text-decoration:none; }  
a:hover{color:#000000;text-decoration:none;} 
.red ,.red a{ color:#F00;} 
.lan ,.lan a{ color:#1E51A2;} 
/* img{ display:block;} */
.opacity0   { opacity:0;}
.clearfix:after { display:block; content:''; clear:both;}
.clearfix       { zoom:1;}
.fl         { float:left; }
.fr         { float:right;}
.tc         { text-align:center;}
.tr         { text-align:right;}

.size-12 { font-size: 12px;}
.size-14 { font-size: 14px;line-height: 22px;}
.size-16 { font-size: 16px;}
.size-18 { font-size: 18px;}
.size-21 { font-size: 21px;}
.size-24 { font-size: 24px;}
.size-32 { font-size: 32px;}
.size-40 { font-size: 40px;}
.size-48 { font-size: 48px;}
.size-64 { font-size: 64px;}
.size-96 { font-size: 96px;}
.fw400{ font-weight: 400;}
.fw600{ font-weight: 600;}

.bgeee{ background-color: #efefef;} 
.bgf8{	background-color: #F8F8F8;} 
.bgzong{ background-color: #F76D30;}
.redpt{ color: #EB4F38;}
.shenhui{ color: #343434;}
.lanse{ color: #10b9f4;}
.lanseb{ color: #0088cc;}
.qianhui{ color: #8c8c8c;}
.back-button > .back-text > .default-title {
    visibility: none;
}

@font-face {
    font-family: 'icomoon';
    src:    url('../font/icomoon.eot?4ndjnr');
    src:    url('../font/icomoon.eot?4ndjnr#iefix') format('embedded-opentype'),
        url('../font/icomoon.ttf?4ndjnr') format('truetype'),
        url('../font/icomoon.woff?4ndjnr') format('woff'),
        url('../font/icomoon.svg?4ndjnr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-touzi8:before {
    content: "\e91a";
}
.icon-touzi:before {
    content: "\e919";
}
.icon-qiandai:before {
    content: "\e914";
}
.icon-hongbao1:before {
    content: "\e90c";
}
.icon-about:before {
    content: "\e905";
}
.icon-aboutu:before {
    content: "\e901";font-size: 26px;
}
.icon-aboutus:before {
    content: "\e903";font-size: 26px;
}
.icon-commonqa:before {
    content: "\e904";font-size: 22px;
}
.icon-feedback:before {
    content: "\e906";font-size: 24px;
}
.icon-feedback2:before {
    content: "\e907";
}
.icon-fenxi:before {
    content: "\e908";
}
.icon-fenxia:before {
    content: "\e909";
}
.icon-geren:before {
    content: "\e90a";
}
.icon-hongbao:before {
    content: "\e90b";
}
.icon-jiaqian:before {
    content: "\e90d";
}
.icon-law:before {
    content: "\e900";
}
.icon-licai:before {
    content: "\e918";
}
.icon-liwu:before {
    content: "\e90e";
}
.icon-liwu1:before {
    content: "\e90f";
}
.icon-liwua:before {
    content: "\e910";
}
.icon-person:before {
    content: "\e902";font-size: 26px;
}
.icon-qa:before {
    content: "\e911";
}
.icon-qaone:before {
    content: "\e912";
}
.icon-qianbao:before {
    content: "\e913";
}
.icon-qwthree:before {
    content: "\e915";
}
.icon-qwtwo:before {
    content: "\e916";
}
.icon-zichan:before {
    content: "\e917";
}

/* footer */
.bar-footer a.button{
	height: 44px;
	line-height: 44px;
}
.forgetpwd{
	overflow: hidden;
	padding: 0.25rem 0 0;
	font-size: 1rem;
}
.buttongetcode{
	margin: 0 0.5rem;
	padding: 0 0.7rem;
}
.slider,.slider img{
	height: 150px;width: 100%;
}
.slider-pager {
    position: relative;
    z-index: 1;
    width: 40%;
    bottom: 25px;
    height: 15px;
    margin: 0 auto;
    text-align: center;
}
.slider-pager .slider-pager-page {
    color: #fff;
}
/* 活动与抽奖 */
.counsel-top-border {
	border-bottom: 6px solid #eee;
}

.counsel-list {
	position: relative;
    height: 90px;
    border-left: 6px solid #eee;
    border-right: 6px solid #eee;
    border-bottom: 6px solid #eee;
    background: #fff;
}
.item-consel-share{
	margin:0.5rem; height: 4rem;
}
.item-consel-share .column50{
	width: 50%;
	float: left;
}
.paddingleft70{
	padding-left: 35%;/*4rem;*/
}
.share-left,.share-right{
	background: #fff;
	padding: .5rem;
	position: relative;
	height: 4rem;
}
.share-right{
margin-left:0.25rem;
}
.share-left{
margin-right:0.25rem;
}
.share-left img,.share-right img,.counsel-list .first-column img {
	position: absolute;
    left: 5%;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 60px;
    text-align: center;
/* 	left: 20px;
height: 32px;
width: 32px; */
	border: 0px;
	border-radius: 70px;
    -moz-border-radius:70px;
}
.item-consel-recommend{
	margin:0.5rem; height: 6rem;
	position: relative;
	background: #fff;
}
.counsel-list .first-column img {
	position: absolute;
    left: 5%;
    top: 20px;
    width: 40px;
    height: 40px;
    line-height: 60px;
    text-align: center;
/* 	left: 20px;
height: 32px;
width: 32px; */
	border: 0px;
	border-radius: 70px;
    -moz-border-radius:70px;
}

.counsel-list .second-column {
	position: absolute;
	top: 18px;
	left: 22%;
}

.counsel-list .third-column {
	position: absolute;
	right: 7%;
	line-height: 90px;
	font-size: 35px;
	color: #777777;
} 
.label-title { 
	height: 30px;	line-height: 30px;
	width: 100%; font-size: 16px;
}
textarea {
	height:auto; 
	color:#999;
	font-weight:300;
	font-size:18px; 
	width:100%;
	background:#fff;
	border-radius:3px;
	line-height:1.3em;
	border:none;
	box-shadow:0px 0px 5px 1px rgba(0,0,0,0.1);
	padding:10px;
	-webkit-transition: height 2s ease;
	-moz-transition: height 2s ease;
	-ms-transition: height 2s ease;
	-o-transition: height 2s ease;
	transition: height 2s ease;
}
.div-divider{
	height: 15px;
}
.item-select:after,.item-select select{
	right: 10%;
}
/* 分析与咨询 */
.counsel-head {
	position: relative;
    height: 75px;
    background-color: #fff;
    margin: 0 .5rem .5rem;
/*     margin: 0 6px 8px; 
    border: 1px solid #ccc;	
    box-shadow: 2px 2px 2px #ccc;*/
}
.counsel-head .first-column {
	position: absolute;
    left: 5%;
    width: 60px;
    height: 80px;
    line-height: 80px;
    text-align: center;
	padding:0 9px 0 0;
}

.counsel-head .second-column {
	position: absolute; 
	left: 20%;
	line-height: 60px;
	padding-left: 15px;
}

.counsel-head .second-column h1 {
	line-height: 30px;margin-top: 10px;
}
.counsel-head .third-column {
	position: absolute;
	right: 7%;
	line-height: 80px;
	font-size: 35px;
	color: #777777;
}
.counsel-more{
	position: relative;
    background-color: #eee;
}
.counsel-more p {
    margin: 0 6px 5px;
    padding: 3px 8% 3px;
    line-height: 22px;	
}

.img-box{
	position: relative;
	width: 160px;
	float: left;
	text-align: center;
	overflow:hidden;
}
.img-box img{height: 160px}
.img-box .del{
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	padding:5px;
	font-size: 30px;
	top:0;
	right: 0;
}
/* lcgh */
.bar .button2bars{
	height: 34px;
	width: 50%;
	font-size: 16px;
	line-height: 34px;
}
.bar-footer .button1bars a{
    height: 34px;
    font-size: 16px;
    line-height: 34px;
} 
.button2bars .ion-ios-arrow-left,.button1bars .ion-ios-arrow-left{
position: absolute;
left: 5%;
font-size: 22px;
}
.button2bars .ion-ios-arrow-right,.button1bars .ion-ios-arrow-right{
position: absolute;
right: 5%;
font-size: 22px;
}
.law-header{
	padding:5px;
	margin: 0 10px 10px;
	border-bottom: 1px solid #fff;
}
.per{
	position: absolute;
	right: 80px;
	top:15px;
}
/* 分析与咨询细节 */
.product-type .list{
	margin:0px;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.type-box .item{
	margin: 5px;
	border: 0;
}
.product-type .item-content,.product-type .radio-icon {
	padding: 3px 15px;
}
/* 我的咨詢 */
.itemc {
    border-color: #ddd;
    background-color: #fff;
    color: #444;    
    margin: -1px;
    border-width: 1px;
    border-style: solid; 
    overflow: hidden; 
    line-height: 24px;
}
.itemc .col-25,.itemc .col-75{
	float: left;padding:5px 10px;
    font-size: 14px;line-height: 24px;
}
.itemc .col-25{
	width: 25%;
}
.itemc .col-75{
	width: 75%;
}
.itemcc div{
    padding:5px 10px;
    font-size: 14px;
    line-height: 24px;
}
.item-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 6px 0 5px 16px;
}

.scroll{
height:100%;
}
 .tabbed-slidebox .tsb-icons:after{
display:none;
}
/* voucher */
.item-voucher {
	position: relative;
	overflow: hidden;	
	background: #fff;
}
.item-voucherout {
	position: relative;
	overflow: hidden;	
    padding: 0.25rem 0.5rem;
}
.item-voucher b{
	line-height: 28px;
}
.item-voucher .voucherin{
	position: relative;margin: 10px;
	overflow: hidden;	
	border: 1px solid #ccc;
}
.item-voucher .left-box {
	width: 65%;
	height: 100%;
	float: left;
}
.item-voucher .left-boxin {	
	height: 100%;
	border-right: 1px dashed #ccc;
}
.item-voucher .right-boxin {	
	height: 100%;
}
.item-voucher .right-box {
	width: 35%;
	float: left;
}
.left-ball,.right-ball{
	position: absolute;
	top:50%;
	height: 30px;
	width: 30px;
	margin-top: -15px;	
	background: #eee;
/* 	border-top: 1px solid #ccc; 
transform: rotate(90deg); */
	border-radius: 20px;
}
.left-ball{	
	left: -10px;
}
.right-ball{
	right: -10px;
}
.selecticon{
	position: absolute;
	top: 50%;
	right: 3px;
	font-size: 26px;	
	margin-top: -13px;	
}
/* 产品首页 */
.item-product-recommend{
	position: relative;
	height: 100px;
	margin: 0 0 5px;
	padding: 0;
	background: #fff;	
    border: 1px solid #ccc;	
    box-shadow: 1px 1px 1px #ccc;
}
.recommendb h1,.recommendb h3{
	padding-left:10%;
}
.recommendc{
	position: absolute;
	top:45px;
	right:10%;
}
.item-product-index {
	position: relative;
    height: 100px;
    background-color: #fff;
    margin: 5px 0 10px;
    border: 1px solid #ccc;	
    box-shadow: 1px 1px 1px #ccc;
}
.firstcol{
	position: absolute;
 	left:5%;
	margin: 19px 0;
	width: 60px;
	height: 60px;    
	line-height: 60px;
	border: 1px solid #ccc;  
	text-align: center;
	padding-top: 3px;
}
.secondcol{	
	position: absolute;
	width: 60%; 
	left:20%;
}
.thirdcol{
	position: absolute;
    right: 7%;
    margin: 22px 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border: 1px solid #10b9f4;
    border-radius: 40px;
}
.secondcol h1{
	width:100%;
	padding: 0 20px;
	height: 50px;
	line-height: 65px;	
}
.secondcol p{
	width:100%;
	padding: 0 20px;
	height: 40px;
	line-height: 30px;	
}
.thirdcol a{
	display: inline-block;
	margin: 9px 0;
	line-height: 20px;
	text-align:center;
	font-size: 14px;	
}

.product-top-border {
	border-bottom: 6px solid #eee;
}

.product-list {
    position: relative;
    height: 110px;
    border-left: 6px solid #eee;
    border-right: 6px solid #eee;
    border-bottom: 6px solid #eee;
}

.product-list .first-row {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.product-name {
    position: absolute;
    width: 50%;
    font-size: 18px;
    height: 40px;
    overflow: hidden;
}
.product-name span{
    padding-left: 15px;
    line-height: 45px;
}

.progress-bar {
    position: absolute;
    left: 50%;
    width: 50%;
    height: 50px;
    display: inline;
}

.progress-bar-border {
    position: absolute;
    left: 5%;
    top: 19px;
    width: 100px;
    border:2px solid #CCCCCC;
    border-radius:25px;
    -moz-border-radius:25px;
}

.progress-bar-bar {
    position: absolute;
    left: 5%;
    top: 19px;
    border:2px solid #10b9f4;
    border-radius:25px;
    -moz-border-radius:25px;
}

.progress-bar-number {
    position: absolute;
    left: 105px;
    line-height: 1px;
    color: #10b9f4;
}

.product-list .second-row {
    position: absolute;
    top: 40px;
    height: 60px;
    width: 100%;
}

.product-rate {
    position: absolute;
    padding-left: 15px;
    height: 100%;
    width: 50%;
}

.product-deadline {
    position: absolute;
    height: 100%;
    width: 50%;
    left: 50%;
    padding-left: 3%;
}

.product-rate > p, .product-deadline > p {
    position: absolute;
    margin-top: 0px;
    font-size: 14px;
    color: #AAAAAA;
}

.product-rate > span {
    position: absolute;
    padding-top: 30px;
    font-size: 22px;
}

.product-deadline > span {
    position: absolute;
    padding-top: 30px;
    font-size: 14px;
    color: #10b9f4;
}

.product-buy-btn {
    position: absolute;
    right: 3%;
    bottom: 5px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: 1px solid #10b9f4;
    border-radius: 50px;
    text-align: center;
    background: #FFFFFF;
	font-size: 14px;
}
.product-buy-btn > a {
    color: #10b9f4; 
}
.product-finish {
	background: #f8f8f8;
}
.product-finish-btn {
    position: absolute;
    right: 3%;
    bottom: 5px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border: 1px solid #ccc;
    border-radius: 50px;
    text-align: center;
    background: #eee;
	font-size: 14px;
}
.order-result {
	position: relative;
	height: 60px; 
    border-bottom: 1px solid #eee;
}
.order-result i {
	position: absolute;
	left: 20px;
    line-height: 60px;
    font-size: 35px;
}

.order-result span {
	position: absolute;
	left: 65px;
	line-height: 60px;
}

.order-list {
	position: relative;
	height: 40px;
	border-bottom: 1px solid #eee;
}

.order-list .left-column {
	position: absolute;
	left: 10px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 600;
}

.order-list .right-column {
	position: absolute;
	right: 10px;
	line-height: 50px;
	font-size: 16px;
}

.split-line2 {
	border-bottom: 10px solid #eee;
}

.order-warn {
	position: relative;
	height: 70px;
	padding-top: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}

.ionic-lable-width {
	width: 85px;
}
/* consul detail image */
.image-list-thumb {
    padding: 2px 2px 2px 2px;
    height: 150px;
} 
.image-modal {
    width: 100% !important;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
} 
.transparent {
  background: rgba(0,0,0,0.7);
}
 
.slider-gallery {
    width: 100%;
    height: 100%;
} 
.slider-gallery .image {
    width: 100%;
    height: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center, center;
}
.image-modal .imageclose {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    padding: 5px;
    font-size: 30px;
    top: 0;
    right: 0;
}
.bankheader .col {
  background-color:#ED7D31;
  border: solid 1px #ED7D31;
  border-bottom-style: none;
  border-right-style: none;
}
.bankheader .col:last-child {
border-right: solid 1px #ED7D31;
}
.banklist .col {
  border: solid 1px #ED7D31;
  border-bottom-style: none;
  border-right-style: none;
}
.banklist .col:last-child{
  border-right: solid 1px #ED7D31;
}
.banklist:last-child  .col {
  border-bottom: solid 1px grey;
}
/* product detail */
.product-detail-left {
	float: left;
}

.product-detail-right {
	float: right;
}

.asset-index {
	position: relative;
    height: 80px;
    border-top: 1px solid #c88722;
    background-color:#fa9e3b;
    color: #fff;
}

.asset-index .latest-income {
	position: absolute;
	top: 10%;
	left: 5%;
}

.asset-index .total-income {
	position: absolute;
	top: 10%;
	left: 55%;
}

.asset-index .line {
	position: absolute;
	border-right: 1px solid white;
	width: 50%;
	height: 70px;
	top: 5px;
}

.trade-record-href {
	position: relative;
	height: 60px;
	left: 5px;
	top:5px;
}

.view-record {
	position: absolute;
	right: 45px;
	top: 15px;
}

.view-icon {
	position: absolute;
	right: 30px;
	top: 13px;
	font-size: 25px;
}

.asset-dqb {
	position: relative;
	height: 50px;
	padding-top: 15px;
	padding-left: 15px;
	background-color: #F8F8F8;
}

.asset-dqb p {
	position: absolute;
	font-size: 120%;
}

.asset-dqb a i{
	position: absolute;
	font-size: 31px;
	right: 20px;
}

.asset-dqb-refund {
	position: relative;
	left: 10px;
}
.button-four{
	padding: 0 5px!important;
}
.asset-dqb-amount p{
	position: absolute;
	top: 20px;
	right: 50px;
}

.sub-header {
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #F0F0F0;
	text-align: center;
	line-height: 45px;
	background-color: #F8F8F8;
}
.head-info{
	background-color: #F8F8F8;
}
.pay-product-info {
	position: relative;
	padding-top: 5px;
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #F0F0F0;
	background-color: #F8F8F8;
}

.pay-product-info .rate {
	position: absolute;
	top: 5px;
	left: 5%;
	font-size: 120%;
	text-align: center;
}

.pay-product-info .deadline {
	position: absolute;
	top: 5px;
	left: 42%;
	font-size: 120%;
	text-align: center;
}

.pay-product-info .remain-price {
	position: absolute;
	top: 5px;
	right: 5%;
	font-size: 120%;
	text-align: center;
}

.pay-product-info .pay {
	position: absolute;
	top: 60px;
	left: 5%;
}

.pay-product-info .process {
	position: absolute;
	top: 70px;
	left: 25%;
	width: 50%; 
	border: 2px solid #D8D8D8;
	border-radius:25px;
	display: block;
} 
.pay-product-info .border{ 
	position: absolute; 
	top: 70px;
	left: 25%;
 	border: 2px solid red; 
 	color: #333333;
 	height: 2px;  
 	line-height:2px;
 	border-radius:25px;
 }

.pay-product-info .process-number {
	position: absolute;
	top: 60px;
	right: 10%;
	font-size:10px;
	display: block;
}
.item-avatar .radio-icon{
	line-height: 44px;
}

/* user */
/* .login{
	height: 100px;
	overflow: hidden;
	position: relative;
}
.login-avatar{
	position: absolute;
	left: 0;
	height: 100px;
	line-height: 110px;
	width: 59px;
	text-align: center;
}
.login-item{
	margin-left:59px; 
	height: 100px;
	line-height: 95px;
	padding-right: 7%;
} */
.login{
	height: 80px;
	overflow: hidden;
	position: relative;
}
.login-avatar{
	position: absolute;
	left: 0;
	height: 80px;
	line-height: 85px;
	width: 59px;
	text-align: center;
}
.login-item{
	margin-left:59px; 
	height: 80px;
	line-height: 75px;
} 
.user-index-asset{
	height: 68px;
	overflow: hidden;
	position: relative;
	border-top: .5px solid #fff; 
}
.user-index-total{
	height: 44px;padding: 5px 0;
	overflow: hidden;
	position: relative;
}
.user-index-asset p,.user-index-total p{
	height: 34px;
	line-height: 34px;
	margin: 0;
	font-size: 14px;
}
.user-index-total .latestincome,.user-index-total .totalincome,.user-index-asset .latestincome,.user-index-asset .totalincome{
	width: 50%;
	float: left;
} 
.user-index-total .totalincome{
	padding-right: 12%;
}
.user-index-asset .line {
	position: absolute;
	border-right: .5px solid #efefef;
	width: 50%;
	height: 68px;
}
.item-icon-right .total-number{
	position: absolute;
    top: 0;
    right: 12%;
    text-align: right;
    width: 50%;
    font-size: 16px;
    height: 44px;
    line-height: 54px;
}
.m-user-auth {
	background-color: #F8F8F8;
	text-align: center;
	margin-top: 10px;
}
.aresetpwd{
    display: block;
    width: 50%;float: right;
}
.item-pwd{
    padding: 5px 0 5px 16px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.item-pwd span{   
	display: table;
	float: left;
    padding: 7px 10px 7px 0px;
    max-width: 200px;
    width: 35%;
    color: #444;
    font-size: 16px;	
    line-height: 28px; 
}
.item-pwdinput{
	display: table;
	float: left;
    padding: 7px 10px 7px 0px;
    height: 28px;
    width: 60%;
    color: #111;
    font-size: 14px;
    line-height: 28px;
}
.item-pwdinput a{
    height: 28px;
    line-height: 28px;
}
.item-pwdinput a i{
    height: 28px;
    line-height: 28px;
}

.tradepwd{
	height: 60%;
}
.closetwd{
	width: 32px;
	height: 32px;
	margin-right: 5px;
	position: absolute;
	right:0;
	top: 10px;
}
.tradepwd .popup-head{
	height: 0;padding: 0;border: 0;
}
.tradepwd .popup {
    width: 320px;
    max-width: 100%;
    max-height: 60%;
    border-radius: 5px;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left: -160px;
    background: #fff;
}

.sharemodal{
    position: fixed;
    /* top:!important; */
    bottom: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    height: 255px;
}
.sharemodal .modal{
    pointer-events:auto!important;  
}
.shareclose{
    border-top: 1px solid #ccc;
}
.shareclose .button{
   width: 100%;margin: 0;
}
.numberkeyboard{
    position: fixed;
    /* top:!important; */
    bottom: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    height: 250px;
}
.modal-backdrop-bg {

}
.modal-wrapper{
	z-index: 12;
}
.numberkeyboard .modal{
	pointer-events:auto!important;  
}
.button-number{
	width: 90%;
	margin: 0.25rem 0;
	line-height: 2.5rem;
	min-height: 2.5rem
}
.numberkey{
	padding: 0 0.25rem;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.numberkey .col33{ 
    width: 33.33%;float: left;
}
.passContainer {
    border: 1px solid #ccc;
    width: 300px;
    height: 50px;
    overflow: hidden;
    padding: 0;
    position: relative;
    background: #e5e5e5;
}
.passItem {
    width: 50px;
    height: 100%;
    float: left;
    line-height: 60px;
    margin: 0;
    box-sizing: border-box;
}
/* .passItem:not(:last-child) {
    border-right: inherit;
} */
.passItem {
    border-right: inherit;
}
.passItem:last-child {
	width: 48px;
    border-right: none;
}
input.number {
	font-size: 16px;
}
input.trade-input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    background: transparent;
    position: absolute;
    border: none;
    padding: 0 10px;
    outline: none;
    font-size: 40px;
    font-family: "courier new", sans-serif;
    letter-spacing: 0.62em;
    text-align: left;
    text-overflow: hidden;
}
.item-paycheckbox{
	position: relative;
	padding-left: 50px;
	line-height: 50px;
}
.item-paycheckbox span{
	display: block;
	float: left;
	width: auto;
}
.paycheckbox{
	width: 32px;
	height: 32px;
	line-height: 32px;
	position: absolute;
	left:10px;
	top: 10px;
}
.bank-card-list {
	position: relative;
	height: 70px;
	border-bottom: 1px solid #dedfe0;
}

.bank-card-list img {
	position: absolute;
	height: 50px; 
	width: 50px;
	margin-top: 10px;
	margin-left: 10px;
}
.bank-card-list p {
	position: absolute;
	left: 28%;
	top:20%;
	font-size: 16px;
}

.bank-card-list span {
	position: absolute;
	left: 28%;
	top: 50%;
	font-size: 10px;
	color: #797d80;
}
.bank-card-list i {
	position: absolute;
	right: 5px;
	top: 20%;
	height: 50px; 
	width: 50px;
	color: red;
}
/*add zony 2016年3月14日19:04:05*/
.tab-item .icon{font-size: 28px;}
